iT邦幫忙

2022 iThome 鐵人賽

DAY 9
0

本篇會說明內容有:

  • 流程圖如何呈現
  • 將流程圖轉換為程式
  • if、else、else if

流程圖

流程圖是通過一系列邏輯語句勾勒出問題解決方案的可視化圖表。當今天任務很多時我們可以先拆解任務作成流程圖將會更好理解。

假設今天要買一個蘋果,如果我有錢就可以買,如果我沒錢就不能買,用流程圖呈現就會向下方圖表

而流程圖可以透過布林表示是否有錢買東西

https://ithelp.ithome.com.tw/upload/images/20220913/20151124LdlI0Vsxno.png

在製作流程圖時,會使用到以下幾種

流程符號Flowline (Arrowhead)

https://ithelp.ithome.com.tw/upload/images/20220913/201511249DcH7KWRkn.jpg

起止符號Terminal

https://ithelp.ithome.com.tw/upload/images/20220913/201511249wf73aRQem.jpg

程式Process

https://ithelp.ithome.com.tw/upload/images/20220913/20151124T05dem2X3P.jpg

決策判斷Decision
https://ithelp.ithome.com.tw/upload/images/20220914/20151124XGOe6bjmOI.jpg

流程圖到程式

if…else… 如果…否則…

若把以上流程圖用程式表現就會使用到if…else…條件語法,陳述方式如下:

if(條件式){
//條件成立時會執行{ }內的動作
}else{
//否則就執行這個{ }內的動作
//else是可有可無的
//若只有else無if則無法運行
}
let myWeight = 45;
if (myWeight>= 40){
	console.log("不能吃月餅");
}else{
	console.log("再吃一顆月餅");
}
// 月餅好好吃

else if… 或是如果…

若今天有兩個條件時則可以使用else if 新增條件

let score = 50;
if(score==100)//判斷左右兩邊值相等
{
	console.log("我就可以拿到1000元");
}
else if(score>=80){
	console.log("我就可以吃麥當勞");
}else if(score>=60){
	console.log("我就可以買一本書");
}else{
	console.log("我繼續讀書");
}

if…&&…else… 如果…且…否則

let score = 50;
let rainy = false;

if(score==100 && rainy)//判斷為false
{
	console.log("我就出去玩");
}else{
	console.log("我就繼續讀書");
}

同理也可以用在||or 如果…或…就…的情境

以上做簡單的if流程判斷筆記!若有問題歡迎指教


上一篇
【Day8】賦值運算子、邏輯運算子
下一篇
【Day10】流程敘述-switch、三元(條件)運算
系列文
喜歡打程式嗎?從JavaScript基礎來進行興趣初探!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
CCCCC
iT邦新手 3 級 ‧ 2022-09-14 08:30:01

決策判斷Decision的圖片沒有放到喔~

Yumy iT邦新手 4 級 ‧ 2022-09-14 09:02:34 檢舉

已經補上囉~謝謝提醒!

我要留言

立即登入留言